<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>坤-引导简历模板</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta content="" name="keywords">
  <meta content="" name="description">

  <!-- 收藏夹图标 -->
  <link href="../untitled/个人简历/img/favicon.png" rel="icon">
  <link href="../untitled/个人简历/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- 谷歌字体 -->
  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic|Raleway:400,300,700" rel="stylesheet">

  <!-- 引导CSS文件 -->
  <link href="../untitled/个人简历/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- 库CSS文件 -->
  <link href="../untitled/个人简历/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">

  <!-- 主样式表文件 -->
  <link href="../untitled/个人简历/css/style.css" rel="stylesheet">

  <!-- =======================================================
    <br>模板名称:开尔文<br><div class="br-height"></div>模板的URL: https://templatemag.com/kelvin-bootstrap-resume-template/。<br><div class="br-height"></div>作者:TemplateMag.com<br><div class="br-height"></div>许可:https://templatemag.com/license/
  ======================================================= -->
</head>

<body data-spy="scroll" data-offset="64" data-target="#section-topbar">

  <div id="section-topbar">
    <div id="topbar-inner">
      <div class="container">
        <div class="row">
          <div class="dropdown">
            <ul id="nav" class="nav">
              <li class="menu-item"><a class="smothscroll" href="#about" title="About"><i class="fa fa-user"></i></a></li>
              <li class="menu-item"><a class="smothscroll" href="#resume" title="Resume"><i class="fa fa-file-text-o"></i></a></li>
              <li class="menu-item"><a class="smothscroll" href="#work" title="Works"><i class="fa fa-briefcase"></i></a></li>
              <li class="menu-item"><a class="smothscroll" href="#contact" title="Contact"><i class="fa fa-envelope"></i></a></li>
            </ul>
            <!--/ uL#nav -->
          </div>
          <!-- /.dropdown -->

          <div class="clear"></div>
        </div>
        <!--/.row -->
      </div>
      <!--/.container -->

      <div class="clear"></div>
    </div>
    <!--/ #topbar-inner -->
  </div>
  <!--/ #section-topbar -->

  <div id="headerwrap">
    <div class="container">
      <div class="row centered">
        <div class="col-lg-12">
          <h1>
              王超坤
          </h1>
          <h3>网页设计师 | 486243504@qq.com</h3>
        </div>
        <!--/.col-lg-12 -->
      </div>
      <!--/.row -->
    </div>
    <!--/.container -->
  </div>
  <!--/.#headerwrap -->


  <section id="about" name="about">
    <div id="intro">
      <div class="container">
        <div class="row">

          <div class="col-lg-2 col-lg-offset-1">
            <h5>关于</h5>
          </div>
          <div class="col-lg-6">
            <p>
                <br>我是网页设计师和前端开发人员，有7年的专业经验。我对各种视觉传达都很感兴趣，但我的主要工作是设计网页、移动和平板电脑界面。我也有其他领域的技能，比如<br><div class="br-height"></div>品牌，图标设计或网页开发。
            </p>
          </div>
          <div class="col-lg-3">
            <p><a href="#"><i class="icon-file"></i></a>
              <sm>
                  中文
              </sm>
            </p>
          </div>

        </div>
        <!--/.row -->
      </div>
      <!--/.container -->
    </div>
    <!--/ #intro -->
  </section>


  <section id="resume" name="resume">
    <!--EDUCATION DESCRIPTION -->
    <div class="container desc">
      <div class="row">



        <div class="col-lg-2 col-lg-offset-1">
          <h5>教育</h5>
        </div>
        <div class="col-lg-6">
          <p>
            <t>网页设计硕士</t><br/> 圣派翠克大学<br/>
            <i>3年的课程</i>
          </p>
        </div>
        <div class="col-lg-3">
          <p>
            <sm>2014年5月毕业</sm><br/>
            <imp>
              <sm>正在进行</sm>
            </imp>
          </p>
        </div>

        <div class="col-lg-6 col-lg-offset-3">
          <p>
            <t>
                Web开发人员学位
            </t><br/> 哈斯廷斯大学<br/>
            <i>2年的课程</i>
          </p>
        </div>
        <div class="col-lg-3">
          <p>
            <sm>2012年6月</sm>
          </p>
        </div>

      </div>
      <!--/.row -->
      <br>
      <hr>
    </div>
    <!--/.container -->
  </section>


  <!--WORK DESCRIPTION -->
  <div class="container desc">
    <div class="row">

      <div class="col-lg-2 col-lg-offset-1">
        <h5>工作</h5>
      </div>
      <div class="col-lg-6">
        <p>
          <t>前端和后端</t><br/>公司的例子。 <br/>
        </p>
        <p>
          <more>
              Lorem Ipsum是印刷排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是该行业的标准虚拟文本，当时一个不知名的打印机用一排打印字体，将其打乱，制成了一本打印样书。
          </more>
        </p>
      </div>
      <div class="col-lg-3">
        <p>
          <sm>AUGUST 2012 - CURRENT</sm>
        </p>
      </div>

      <div class="col-lg-6 col-lg-offset-3">
        <p>
          <t>网页设计师-实习生</t><br/> 奥纳西斯有限公司 <br/>
        </p>
        <p>
          <more>Lorem Ipsum是印刷排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是该行业的标准虚拟文本，当时一个不知名的打印机用一排打印字体，将其打乱，制成了一本打印样书。</more>
        </p>
      </div>
      <div class="col-lg-3">
        <p>
          <sm>2010年6月- 2012年7月</sm>
        </p>
      </div>
    </div>
    <!--/.row -->
    <br>
    <hr>
  </div>
  <!--/.container -->


  <!--AWARDS DESCRIPTION -->
  <div class="container desc">
    <div class="row">
      <div class="col-lg-2 col-lg-offset-1">
        <h5> 奖项</h5>
      </div>
      <div class="col-lg-6">
        <p>
          <t>最好的网页设计</t><br/>示例站点 <br/>
        </p>
      </div>
      <div class="col-lg-3">
        <p>
          <sm>2013年11月</sm>
        </p>
      </div>

      <div class="col-lg-6 col-lg-offset-3">
        <p>
          <t>最佳游戏设计师r</t><br/>Awwwards网站
        </p>
        <p>
          <more>Lorem Ipsum是印刷排版行业的虚拟文本。自16世纪以来，Lorem Ipsum就一直是行业标准的虚拟文本，当时一个不知名的打印机把一排字体打乱，做成了一本印刷样书</more>
        </p>
      </div>
      <div class="col-lg-3">
        <p>
          <sm>2013</sm>
        </p>
      </div>

    </div>
    <!--/.row -->
    <br>
  </div>
  <!--/.container -->


  <!--SKILLS DESCRIPTION -->
  <div id="skillswrap">
    <div class="container">
      <div class="row">
        <div class="col-lg-2 col-lg-offset-1">
          <h5>技能</h5>
        </div>
        <div class="col-lg-3 centered">
          <canvas id="javascript" height="130" width="130"></canvas>
          <p>Javascript</p>
          <br>
        </div>
        <div class="col-lg-3 centered">
          <canvas id="bootstrap" height="130" width="130"></canvas>
          <p>Bootstrap</p>
          <br>
        </div>
        <div class="col-lg-3 centered">
          <canvas id="wordpress" height="130" width="130"></canvas>
          <p>Wordpress</p>
          <br>
        </div>

        <div class="col-lg-3 col-lg-offset-3 centered">
          <canvas id="html" height="130" width="130"></canvas>
          <p>HTML/CSS</p>
          <br>
        </div>
        <div class="col-lg-3 centered">
          <canvas id="photoshop" height="130" width="130"></canvas>
          <p>Photoshop</p>
          <br>
        </div>
        <div class="col-lg-3 centered">
          <canvas id="illustrator" height="130" width="130"></canvas>
          <p>Design</p>
          <br>
        </div>

      </div>
      <!--/.row -->
      <br>
    </div>
    <!--/.container -->
  </div>
  <!--/ #skillswrap -->



  <section id="work" name="work">
    <!--PORTFOLIO DESCRIPTION -->
    <div class="container desc">
      <div class="row">
        <div class="col-lg-2 col-lg-offset-1">
          <h5>投资公司</h5>
        </div>
        <div class="col-lg-6">
          <p><img class="img-responsive" src="../untitled/个人简历/img/port01.jpg" alt=""></p>
        </div>
        <div class="col-lg-3">
          <p>ENGLISH CANAL</p>
          <p>
            <more>
                Lorem Ipsum是印刷排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是该行业的标准虚拟文本，当时一个不知名的打印机将一排打印字体打乱，制成了一个打印样本<br/><br/>
              <sm><i class="icon-tag"></i> design</sm>
            </more>
          </p>
        </div>

        <div class="col-lg-6 col-lg-offset-3">
          <p><img class="img-responsive" src="../untitled/个人简历/img/port02.jpg" alt=""></p>
        </div>
        <div class="col-lg-3">
          <p>SANKEY</p>
          <p>
            <more>Lorem Ipsum是印刷排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是该行业的标准虚拟文本，当时一个不知名的打印机用一排打印字体，将其打乱，制成了一本打印样书。<br/><br/>
              <sm><i class="icon-tag"></i> front-end</sm>
            </more>
          </p>
        </div>

        <div class="col-lg-6 col-lg-offset-3">
          <p><img class="img-responsive" src="../untitled/个人简历/img/port03.jpg" alt=""></p>
        </div>
        <div class="col-lg-3">
          <p>WE GROW</p>
          <p>
            <more>Lorem Ipsum是印刷排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是该行业的标准虚拟文本，当时一个不知名的打印机用一排打印字体，将其打乱，制成了一本打印样书。<br/><br/>
              <sm><i class="icon-tag"></i> 网页设计</sm>
            </more>
          </p>
        </div>

      </div>
      <!--/.row -->
      <br>
      <br>
    </div>
    <!--/.container -->
  </section>

  <section id="contact" name="contact">
    <!--FOOTER DESCRIPTION -->
    <div id="footwrap">
      <div class="container">
        <div class="row">

          <div class="col-lg-2">
            <h5>联系</h5>
          </div>
          <div class="col-lg-4">
            <p>
              <t>邮箱</t><br/> 486243504@qq.com <br/>
            </p>
            <p>
              <t>住址</t><br/> 河南省郑州市管城回族区 <br/>
            </p>
            <p>
              <t>电话</t><br/> 13294876349 <br/>
            </p>
            <p>
              <t>社会联系</t><br/>
              <a href="#"><i class="fa fa-dribbble"></i></a>
              <a href="#"><i class="fa fa-twitter"></i></a>
              <a href="#"><i class="fa fa-facebook"></i></a>
              <a href="#"><i class="fa fa-linkedin"></i></a>
              <a href="#"><i class="fa fa-apple"></i></a>
            </p>
          </div>
          <div class="col-lg-6">
            <p>
              <sm>联系表单</sm>
            </p>
            <form class="contact-form php-mail-form" role="form" action="../untitled/个人简历/contactform/contactform.php" method="POST">

              <div class="form-group">
                <label for="contact-name">您的姓名</label>
                <input type="name" name="name" class="form-control" id="contact-name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars">
                <div class="validate"></div>
              </div>
              <div class="form-group">
                <label for="contact-email">您的邮箱</label>
                <input type="email" name="email" class="form-control" id="contact-email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email">
                <div class="validate"></div>
              </div>
              <div class="form-group">
                <label for="contact-subject">主题</label>
                <input type="text" name="subject" class="form-control" id="contact-subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject">
                <div class="validate"></div>
              </div>

              <div class="form-group">
                <label for="contact-message">您的消息</label>
                <textarea class="form-control" name="message" id="contact-message" placeholder="Your Message" rows="5" data-rule="required" data-msg="Please write something for us"></textarea>
                <div class="validate"></div>
              </div>

              <div class="loading"></div>
              <div class="error-message"></div>
              <div class="sent-message">您的信息已经发出。谢谢你！</div>

              <div class="form-send">
                <button type="submit" class="btn btn-large">发送信息</button>
              </div>

            </form>

          </div>
        </div>
        <!--/.row -->
      </div>
      <!--/.container -->
    </div>
    <!--/ #footer -->
  </section>

  <div id="copyrights">
    <div class="container">
      <p>
        &copy; 版权 <strong>坤</strong>
          版权所有
      </p>
      <div class="credits">
        <!--

<br>您不允许删除免费版本的TemplateMag信用链接。<br><div class="br-height"></div>只有购买了专业版才能删除信用链接。<br><div class="br-height"></div>购买使用PHP/AJAX的专业版联系人表单:https://templatemag.com/kelvin-bootstrap-resumetemplate/<br><div class="br-height"></div>授权信息:https://templatemag.com/license<br>您不允许删除免费版本的TemplateMag信用链接。<br><div class="br-height"></div>只有购买了专业版才能删除信用链接。<br><div class="br-height"></div>购买使用PHP/AJAX的专业版联系人表单:https://templatemag.com/kelvin-bootstrap-resumetemplate/<br><div class="br-height"></div>授权信息:https://templatemag.com/license
        -->

        由坤模板创建 <a href="https://templatemag.com/">TemplateMag</a>
      </div>
    </div>
  </div>
0
  <!-- JavaScript Libraries -->
  <script src="../untitled/个人简历/lib/jquery/jquery.min.js"></script>
  <script src="../untitled/个人简历/lib/bootstrap/js/bootstrap.min.js"></script>
  <script src="../untitled/个人简历/lib/php-mail-form/validate.js"></script>
  <script src="../untitled/个人简历/lib/chart/chart.js"></script>
  <script src="../untitled/个人简历/lib/easing/easing.min.js"></script>

  <!-- Template Main Javascript File -->
  <script src="js/main.js"></script>

</body>
</html>
